<template>
  <view class="box">
    <!-- #ifdef MP-WEIXIN -->
    <view
      class="head"
      :style="'padding-top:' + statusBarHeight1 + 'px;height:' + (statusBarHeight1 + 44) + 'px;'"
    >
      <!-- <view class="head" :style="'padding-top:'+ statusBarHeight1 +'px;padding-right:'+ jnbj +'px;height:' + (statusBarHeight1 + 44) +'px;'"> -->
      <!-- #endif -->
      <!-- #ifndef MP-WEIXIN -->
      <view
        class="head"
        :style="
          'padding-top:' + (statusBarHeight1 + 10) + 'px;height:' + (statusBarHeight1 + 54) + 'px;'
        "
      >
        <!-- #endif -->
        <image
          class="fanhui"
          @click="fanhui"
          src="https://pic.bangbangtongcheng.com/static/fanhui_bai.png"
          mode=""
        >
        </image>
        <view class="centers"> 发布简历 </view>
        <!-- <view class="head_right" @click="preview()">预览</view> -->
        <!-- <view class="head_right">预览</view> -->
      </view>
      <!-- #ifdef MP-WEIXIN -->
      <view
        :style="
          'padding-top:' +
          statusBarHeight1 +
          'px;height:' +
          (statusBarHeight1 + 44) +
          'px;background-color: #64B6A8;'
        "
      >
      </view>
      <!-- #endif -->
      <!-- #ifndef MP-WEIXIN -->
      <view
        :style="
          'padding-top:' +
          statusBarHeight1 +
          'px;height:' +
          (statusBarHeight1 + 54) +
          'px;background-color: #64B6A8;'
        "
      >
      </view>
      <!-- #endif -->
      <form>
        <!-- <view class="cu-form-group" style="padding-right: 100rpx;">
        <view class="title"><span style="color: red">*</span>简历标题</view>
        <input v-model="curriculumVitae.resumeTitle" placeholder="请输入简历标题" maxlength="35" type="text" />
        <view class="" style="position: absolute;right: 32rpx;top: 0;line-height: 100rpx;font-size: 30rpx;color: #8799a3;">
          {{curriculumVitae.resumeTitle.length}}/35
        </view>
      </view> -->
        <view class="cu-form-group cu-form-group-title">
          <view class="title"> <span style="color: red">*</span> 简历标题 </view>

          <!-- <input placeholder="" v-model="serviceAddress" /> -->
          <textarea
            class="textarea1"
            v-model="curriculumVitae.resumeTitle"
            placeholder="请输入标题"
            placeholder-class="textarea-placeholder"
            auto-height
            :maxlength="35"
          />
          <view
            style="
              position: absolute;
              right: 32rpx;
              top: 0;
              line-height: 100rpx;
              font-size: 30rpx;
              color: #8799a3;
            "
          >
            {{
              curriculumVitae.resumeTitle.length > 35 ? 35 : curriculumVitae.resumeTitle.length
            }}/35
          </view>
        </view>
        <view class="cu-form-group resumePhoto">
          <view class="title"><span style="color: red">*</span>本人照片</view>
          <view class="scphoto">
            <view class="uploadPhotos">
              <imageUploadCropper
                class="Photos"
                v-model="headerImage"
                :lengthNum="1"
                selWidth="600rpx"
                selHeight="400rpx"
                :ratio="1.5"
              ></imageUploadCropper>
            </view>
            <view class="span"> 上传真实照片简历更出众 </view>
          </view>
        </view>
        <view class="cu-form-group">
          <view class="title"> <span style="color: red">*</span>真实姓名 </view>
          <input type="text" v-model="curriculumVitae.realName" placeholder="请填写真实姓名" />
        </view>
        <view class="cu-form-group">
          <view class="title"><span style="color: red">*</span>性&emsp;&emsp;别</view>
          <view class="xbRadio">
            <view class="radio" @click.stop="tabClickxb(1)">
              <view
                class="radio_item"
                :class="curriculumVitae.sexualDistinction == 1 ? 'radioxz' : ''"
              ></view>
              <span>男</span>
            </view>
            <view class="radio" @click.stop="tabClickxb(2)">
              <view
                class="radio_item"
                :class="curriculumVitae.sexualDistinction == 2 ? 'radioxz' : ''"
              ></view>
              <span>女</span>
            </view>
          </view>
        </view>
        <view class="cu-form-group">
          <view class="title"> <span style="color: red">*</span>出生年月日 </view>
          <picker
            mode="date"
            fields="day"
            @change="bindDateChang"
            :value="curriculumVitae.dateBirth"
            start="1960-01-01"
            :end="getDate()"
          >
            <view style="height: 100rpx; display: flex; align-items: center"
              >{{ curriculumVitae.dateBirth || '请选择' }}
            </view>
          </picker>
        </view>
        <view class="cu-form-group">
          <view class="title"> <span style="color: red">*</span>联系电话 </view>
          <input
            type="number"
            v-model="curriculumVitae.cellphoneNumber"
            disabled
            placeholder="请填写联系方式"
          />
        </view>
        <view class="cu-form-group">
          <view class="title"> <span style="color: red">*</span>参加工作时间 </view>
          <picker
            mode="date"
            fields="day"
            start="1900-01-01"
            :end="getDate()"
            @change="bindTimeChange"
          >
            <view style="height: 100rpx; display: flex; align-items: center"
              >{{ curriculumVitae.workingTime || '请选择' }}
            </view>
          </picker>
        </view>
        <view class="cu-form-group">
          <view class="title"> <span style="color: red">*</span>最高学历 </view>
          <picker
            mode="multiSelector"
            @change="dateChange($event)"
            :value="dateIndex"
            @columnchange="pickerColumnDept"
            :range="type3"
          >
            <view style="height: 100rpx; display: flex; align-items: center">
              {{ curriculumVitae.highestEducation ? curriculumVitae.highestEducation : '请选择' }}
            </view>
          </picker>
        </view>
        <view class="cu-form-group" @click="tiaozhuan(1)">
          <view class="title"> <span style="color: red">*</span>毕业院校 </view>
          <input disabled :value="(graduatedList.length && graduatedList[0].schoolName) || ''" />
          <image
            v-show="graduatedList.length && graduatedList[0].id"
            @click.stop="removebyyx(j)"
            class="image_yjt"
            src="https://pic.bangbangtongcheng.com/static/bbzc/fbjl_jian.png"
            mode=""
          ></image>
          <image
            v-show="!graduatedList.length"
            class="image_yjt"
            src="https://pic.bangbangtongcheng.com/static/bbzc/fbjl_jia.png"
            mode=""
          ></image>
        </view>
        <!-- 更改需求，原本是数组，客户要求整合在一起 -->
        <!-- <view class="cu-form-group" v-for="(i,j) in graduatedList" :key="j" @click="revisebyyx(i,j)">
        <label v-html="'\u2003\u2003\u2003\u2003'" class="title"></label>
        <input disabled v-model="i.schoolName" />
        <image @click.stop="removebyyx(j)" class="image_yjt" src="https://pic.bangbangtongcheng.com/static/bbzc/fbjl_jian.png" mode=""></image>
      </view> -->
        <view class="cu-form-group" @click="positionCategory">
          <view class="title"><span style="color: red">*</span>意向职位 </view>
          <input v-model="positionCategorys" disabled placeholder="请选择意向职位" />
          <image
            class="image_yjt"
            src="https://pic.bangbangtongcheng.com/static/bbzc/fb_yjt.png"
            mode=""
          ></image>
        </view>
        <view class="cu-form-group">
          <view class="title"><span style="color: red">*</span>期望薪资</view>
          <view class="salary" v-if="!myChage.length">
            <input
              class="salary_input"
              @input="inputChage1"
              placeholder="最低薪资"
              v-model="minimumWage"
              type="digit"
            />
            <view class="salary_span">至</view>
            <input
              class="salary_input"
              @input="inputChage2"
              placeholder="最高薪资"
              v-model="maximumSalary"
              type="digit"
            />
          </view>
          <input v-else disable v-model="mianyi" />
          <!-- <u-checkbox-group v-model="myChage" @change="checkboxChange">
          <u-checkbox label="面议" name="面议" labelColor="#999999" activeColor="#64b6a8" labelSize="15">
          </u-checkbox>
        </u-checkbox-group> -->
        </view>
        <view class="cu-form-group" @click="tiaozhuan(2)">
          <view class="title"><span style="color: #fff">*</span>工作经历 </view>
          <input disabled />
          <image
            class="image_yjt"
            src="https://pic.bangbangtongcheng.com/static/bbzc/fbjl_jia.png"
            mode=""
          ></image>
        </view>
        <view
          class="cu-form-group"
          v-for="(i, j) in workExperienceList"
          :key="j"
          @click="revisegzjl(i, j)"
        >
          <label v-html="'\u2003\u2003\u2003\u2003'" class="title"></label>
          <input v-model="i.corporateName" disabled />
          <image
            @click.stop="removegzjl(j)"
            class="image_yjt"
            src="https://pic.bangbangtongcheng.com/static/bbzc/fbjl_jian.png"
            mode=""
          ></image>
        </view>
        <view class="cu-form-group">
          <view class="title"><span style="color: #fff">*</span>地&emsp;&emsp;址</view>
          <template v-if="curriculumVitae.homeAddress">
            <input v-model="curriculumVitae.homeAddress" />
          </template>
          <template v-else>
            <input
              v-model="curriculumVitae.homeAddress"
              disabled="true"
              placeholder="有位置偏好的企业更容易找到您"
            />
          </template>
          <text
            @click="openMap"
            class="cuIcon-locationfill text-orange"
            style="color: #64b6a8"
          ></text>
        </view>
        <view class="cu-form-group" @click="tiaozhuan(3)">
          <view class="title"><span style="color: #fff">*</span>个人优势 </view>
          <input
            v-model="curriculumVitae.personalAdvantages"
            disabled
            placeholder="请填写个人优势"
          />
          <image
            class="image_yjt"
            src="https://pic.bangbangtongcheng.com/static/bbzc/fb_yjt.png"
            mode=""
          ></image>
        </view>
        <view class="cu-form-group" @click="tiaozhuan(4)">
          <view class="title"><span style="color: #fff">*</span>加分项 </view>
          <input disabled />
          <image
            class="image_yjt"
            src="https://pic.bangbangtongcheng.com/static/bbzc/fbjl_gryx.png"
            mode=""
          ></image>
        </view>
        <view class="cu-form-group">
          <view class="title"><span style="color: #fff">*</span>当前简历对谁可见 </view>
        </view>
        <view class="kjRadio">
          <view class="radio" @click.stop="tabClickkj(1)">
            <view
              class="radio_item"
              :class="curriculumVitae.visibleRange == 1 ? 'radioxz' : ''"
            ></view>
            <span>全部可见</span>
          </view>
          <view class="radio" @click.stop="tabClickkj(2)">
            <view
              class="radio_item"
              :class="curriculumVitae.visibleRange == 2 ? 'radioxz' : ''"
            ></view>
            <span>认证企业可见</span>
          </view>
          <view class="radio" @click.stop="tabClickkj(3)">
            <view
              class="radio_item"
              :class="curriculumVitae.visibleRange == 3 ? 'radioxz' : ''"
            ></view>
            <span>招聘相应职位可见</span>
          </view>
        </view>
        <view class="preview" @click="preview()">预览</view>
      </form>
      <view class="tijiao">
        <view class="flex">
          <radio
            style="transform: scale(0.8)"
            :checked="checked"
            @click="checked = !checked"
          ></radio>
          <view style="display: inline-block">
            <span>发布即默认同意</span>
            <span style="color: #64b6a8" @click="toUs(3)">《用户协议》</span>
            <span style="color: #64b6a8" @click="toUs(2)">《隐私协议》</span>
          </view>
        </view>
        <view class="btn">
          <view class="draftBtn" @click="Drafts()">保存草稿</view>
          <view class="releaseBtn" @click="release">发布</view>
        </view>
      </view>
      <uni-popup ref="binds" type="center" :mask-click="false">
        <view class="binds_frame">
          <view class="binds_frame_t">提示</view>
          <view class="binds_frame_c">提交成功，请耐心等待审核。</view>
          <view class="binds_frame_b" @click="queding">确定</view>
        </view>
      </uni-popup>
      <!-- #ifdef MP-WEIXIN -->
      <cropper ref="croop" v-show="showCroop" :quality="1" resize: false :canScale="true"
      selWidth="250rpx" selHeight="350rpx" style='z-index:1000' @upload="myUpload"
      class="userHeader" />
      <!-- #endif -->
      <!-- #ifndef MP-WEIXIN-->
      <gmy-img-cropper
        ref="gmyImgCropper"
        quality="1"
        cropperType="ratio"
        :ratio="5 / 7"
        fileType="png"
        imgSrc=""
        style="z-index: 1000"
        @getImg="myUpload"
      >
      </gmy-img-cropper>
      <!-- #endif -->
      <view class="motaikuang motaikuang2" v-show="show2" @click="show2 = false">
        <div class="tips" @click.stop="aaa">
          <div class="text">
            为了保护您的合法权益，发布前请仔细阅读并同意以下协议:
            <view class="tags" @click="toUs(3)"> 《用户协议》 </view>
            &
            <view class="tags" @click="toUs(2)"> 《隐私协议》 </view>
          </div>
          <div class="btns">
            <div class="btn flex_center" @click="show2 = false">不同意</div>
            <div class="btn flex_center" @click="confirmClick">同意</div>
          </div>
        </div>
      </view>
    </view>
  </view>
</template>
<script>
  import permision from '@/js_sdk/wa-permission/permission.js'
  //#ifdef H5
  import wxshare from '../../utils/index.js'
  //#endif
  import { mapGetters } from 'vuex'
  import cCircle from '../../components/circle.vue'
  //#ifdef MP-WEIXIN
  import cropper from '../../components/lxiaoxiao-cropper/lxiaoxiao-cropper.vue'
  //#endif
  // #ifndef MP-WEIXIN
  import gmyImgCropper from '../../components/gmy-img-cropper/gmy-img-cropper.vue'
  //#endif
  import imageUploadCropper from '@/components/imageUploadCropper.vue'
  export default {
    data() {
      return {
        imgUrl: this.$imgSrc,
        userInfo: uni.getStorageSync('Pduser'),
        curriculumVitae: {
          id: '',
          publisherId: '', //发布人ID
          resumeTitle: '', //简历标题
          myPhoto: '', //本人照片
          realName: '', //真实姓名
          sexualDistinction: '', //性别（1：男，2：女）
          dateBirth: '', //出生年月
          cellphoneNumber: '', //手机号
          workingTime: '', //参加工作时间
          highestEducation: '', //最高学历
          graduationAcademy: '', //毕业院校
          workExperience: '', //工作经历
          homeAddress: '', //家庭地址
          longitude: '', //经度
          latitude: '', //纬度
          intendedPosition: '', //意向职位
          salaryExpectation: '', //期望薪资
          personalAdvantages: '', //个人优势
          bonusItem: '', //加分项
          visibleRange: '1', //对谁可见（全部可见、认证企业可见、招聘相应职位可见
        },
        positionCategorys: '',
        headerImage: [],
        // 薪资
        minimumWage: '',
        maximumSalary: '',
        // 是否选择面议
        myChage: [],
        mianyi: '面议',
        // 协议
        checked: false,
        index: '',
        CustomBar1: '',
        anti_shake: false,
        timeDQ: '',
        // 是否选择面议
        myChage: [],
        mianyi: '面议',
        // 学历数据
        type3: [],
        type3_key: [],
        pickerInitR: 0,
        dateIndex: [0, 0],
        //毕业院校参数
        graduatedList: [],
        //工作经历参数
        workExperienceList: [],
        // 加分项参数
        bonusItem: {},
        // 小程序胶囊边距
        jnbj: 15,
        // 简历模板
        resumeTemplate: {
          enclosureWord: '',
          enclosurePdf: '',
          pictureAttachment: '',
        },
        // 小程序裁剪是否展示
        showCroop: false,
        show2: false,
        videoInfo: {},
      }
    },
    computed: {
      ...mapGetters(['userid', 'islogin', 'statusBarHeight1', 'userinfo']),
    },
    components: {
      // #ifndef MP-WEIXIN
      gmyImgCropper,
      //#endif
      //#ifdef MP-WEIXIN
      cropper,
      //#endif
      imageUploadCropper,
      cCircle,
    },
    async onLoad(option) {
      await this.getType()
      await this.init(option.id)
      this.curriculumVitae.cellphoneNumber = this.userInfo.phone
      this.CustomBar1 = this.CustomBar
      console.log(this.CustomBar1)
      /* #ifdef MP-WEIXIN */
      const res = uni.getMenuButtonBoundingClientRect()
      this.jnbj += res.width
      /* #endif */
      /* #ifdef H5 */
      this.jinzhi()
      /* #endif */
    },
    methods: {
      aaa() {},
      confirmClick() {
        this.checked = true
        this.show2 = false
        this.release()
      },
      checkboxChange() {},
      getDate() {
        const date = new Date()
        let year = date.getFullYear()
        let month = date.getMonth() + 1
        let day = date.getDate()
        month = month > 9 ? month : '0' + month
        day = day > 9 ? day : '0' + day
        return `${year}-${month}-${day}`
      },
      // 获取个人认证信息
      personalAuthentication() {
        this.$myRequest
          .get('/api/mobile/personnelOwner/getPersonalAuthenticationByUserId', {
            userId: this.userInfo.id,
          })
          .then((res) => {
            if (res.personalCertification && res.personalCertification.auditStatus == 1) {
              let obj = res.personalCertification
              this.curriculumVitae.realName = obj.realName
              this.curriculumVitae.sexualDistinction = obj.sexualDistinction
              this.curriculumVitae.dateBirth = obj.birthYears
            }
          })
      },
      dateChange(e) {
        this.dateIndex = e.target.value
        this.curriculumVitae.highestEducation = `${this.type3[0][this.dateIndex[0]]} ${
          this.type3[1][this.dateIndex[1]] || ''
        }`
      },
      bindDateChang(e) {
        this.curriculumVitae.dateBirth = e.detail.value
      },
      bindTimeChange(e) {
        this.curriculumVitae.workingTime = e.detail.value
      },
      pickerColumnDept(e) {
        if (e.detail.column == 0) {
          let arr = []
          arr = this.type3_key[e.detail.value]
          this.$set(this.type3, 1, arr)
          this.dateIndex[0] = e.detail.value
          this.dateIndex[1] = this.pickerInitR
          let timern = setTimeout(() => {
            this.dateIndex[1] = 0
            clearTimeout(timern)
          }, 100)
        } else {
          this.pickerInitR = e.detail.value
          this.dateIndex[1] = e.detail.value
        }
      },
      // 跳转数据填写页
      tiaozhuan(index) {
        if (index === 1) {
          // 填写毕业院校
          if (this.graduatedList.length) {
            this.revisebyyx(this.graduatedList[0], 0)
            // uni.showToast({
            // 	title: "毕业院校只用填写最高学历院校即可！",
            // 	icon: "none",
            // 	mask: true,
            // });
            return
          }
          uni.navigateTo({
            url: '/pages_recruitMoney/publish/more/universityGraduated',
          })
        } else if (index === 2) {
          // 填写工作经历
          uni.navigateTo({
            url: '/pages_recruitMoney/publish/more/workExperience',
          })
        } else if (index === 3) {
          // 填写个人优势
          uni.setStorageSync('grys_key', this.curriculumVitae.personalAdvantages)
          uni.navigateTo({
            url: '/pages_recruitMoney/publish/more/personalAdvantages',
          })
        } else if (index === 4) {
          // 填写加分项
          uni.setStorageSync('jfx_key', this.bonusItem)
          uni.navigateTo({
            url: '/pages_recruitMoney/publish/more/bonusItem',
          })
        }
      },
      // 处理毕业院校数据
      revisebyyx(i, j = 0) {
        uni.setStorageSync('byyx_key', i)
        uni.navigateTo({
          url: '/pages_recruitMoney/publish/more/universityGraduated?index=' + j,
        })
      },
      removebyyx(index) {
        let that = this
        uni.showModal({
          title: '提示',
          content: '是否移除该内容！',
          success: function (res) {
            if (res.confirm) {
              that.graduatedList.splice(index, 1)
            } else if (res.cancel) {
              console.log('用户点击取消')
            }
          },
        })
      },
      // 处理工作经历数据
      revisegzjl(i, j) {
        uni.setStorageSync('gzjl_key', i)
        uni.navigateTo({
          url: '/pages_recruitMoney/publish/more/workExperience?index=' + j,
        })
      },
      removegzjl(index) {
        let that = this
        uni.showModal({
          title: '提示',
          content: '是否移除该内容！',
          success: function (res) {
            if (res.confirm) {
              that.workExperienceList.splice(index, 1)
            } else if (res.cancel) {
              console.log('用户点击取消')
            }
          },
        })
      },
      checkboxChange() {},
      positionCategory() {
        uni.setStorageSync('zwlbss_key', [])
        uni.navigateTo({
          url: '/pages_recruitMoney/recruitmentInformation/selectPositionCategory?index=1',
        })
      },
      tabClickxb(index) {
        this.curriculumVitae.sexualDistinction = index
      },
      tabClickkj(index) {
        this.curriculumVitae.visibleRange = index
      },
      queding() {
        uni.navigateBack({
          delta: 1,
        })
      },
      // 金额校验
      inputChage1(e) {
        let length = 7
        // 数值中转
        let temp = e.target.value
        //  正则限制 3.. 以及 3.3.3的情况
        if (temp) {
          temp = temp
            .replace(/[^0-9.]|^\.|\.{2,}/g, '')
            .replace('.', '$#$')
            .replace(/\./g, '')
            .replace('$#$', '.')
          const point = temp.split('.')
          let decimals // 整数部分
          let positiveInteger // 小数部分
          // 先处理整数部分
          if (point[0]) {
            decimals = point[0].length > length ? point[0].slice(0, length) : point[0]
          }
          if (point[0].length > 1 && point[0].slice(0, 1) == '0') {
            decimals = point[0].slice(1, 2)
          }
          //  处理小数部分
          if (temp.includes('.')) {
            positiveInteger = point[1].length > 2 ? point[1].slice(0, 2) : point[1]
            temp = positiveInteger ? `${decimals}.${positiveInteger}` : `${decimals}.`
          } else {
            temp = decimals
          }
        }
        this.$nextTick(function () {
          this.minimumWage = temp
        })
      },
      inputChage2(e) {
        let length = 7
        // 数值中转
        let temp = e.target.value
        //  正则限制 3.. 以及 3.3.3的情况
        if (temp) {
          temp = temp
            .replace(/[^0-9.]|^\.|\.{2,}/g, '')
            .replace('.', '$#$')
            .replace(/\./g, '')
            .replace('$#$', '.')
          const point = temp.split('.')
          let decimals // 整数部分
          let positiveInteger // 小数部分
          // 先处理整数部分
          if (point[0]) {
            decimals = point[0].length > length ? point[0].slice(0, length) : point[0]
          }
          if (point[0].length > 1 && point[0].slice(0, 1) == '0') {
            decimals = point[0].slice(1, 2)
          }
          //  处理小数部分
          if (temp.includes('.')) {
            positiveInteger = point[1].length > 2 ? point[1].slice(0, 2) : point[1]
            temp = positiveInteger ? `${decimals}.${positiveInteger}` : `${decimals}.`
          } else {
            temp = decimals
          }
        }
        this.$nextTick(function () {
          this.maximumSalary = temp
        })
      },
      init(id) {
        // 获取简历数据
        let data = {}
        if (id) {
          data = {
            id: id,
            // auditStatus:1,
            // shelfStatus:1,
          }
        } else {
          data = {
            publisherId: this.userInfo.id,
            // auditStatus:1,
            // shelfStatus:1,
          }
        }
        this.$myRequest.get('/api/mobile/personnelOwner/getResumeDetails', data).then((res) => {
          if (res.biographicalNotesDetails) {
            let obj = res.biographicalNotesDetails
            this.voitureId = res.biographicalNotesDetails.id
            this.curriculumVitae.resumeTitle = obj.resumeTitle
            this.curriculumVitae.myPhoto = obj.myPhoto
            this.headerImage.push(obj.myPhoto)
            this.curriculumVitae.realName = obj.realName
            this.curriculumVitae.sexualDistinction = obj.sexualDistinction
            this.curriculumVitae.dateBirth = obj.dateBirth
            this.curriculumVitae.cellphoneNumber = obj.cellphoneNumber
            this.curriculumVitae.workingTime = obj.workingTime
            this.curriculumVitae.highestEducation = obj.highestEducation
            this.curriculumVitae.graduationAcademy = obj.graduationAcademy
            this.curriculumVitae.workExperience = obj.workExperience
            this.graduatedList = JSON.parse(obj.graduationAcademy)
            this.workExperienceList = JSON.parse(obj.workExperience)
            this.curriculumVitae.homeAddress = obj.homeAddress
            this.curriculumVitae.longitude = obj.longitude
            this.curriculumVitae.latitude = obj.latitude
            this.curriculumVitae.intendedPosition = obj.intendedPosition
            this.positionCategorys = obj.intendedPosition
            this.curriculumVitae.salaryExpectation = obj.salaryExpectation
            if (obj.salaryExpectation) {
              this.minimumWage = obj.salaryExpectation.split('-')[0]
              this.maximumSalary = obj.salaryExpectation.split('-')[1]
            }
            this.curriculumVitae.personalAdvantages = obj.personalAdvantages
            this.curriculumVitae.bonusItem = obj.bonusItem
            this.bonusItem = JSON.parse(obj.bonusItem)
            this.curriculumVitae.visibleRange = obj.visibleRange
            this.resumeTemplate.enclosureWord = obj.enclosureWord
            this.resumeTemplate.enclosurePdf = obj.enclosurePdf
            this.resumeTemplate.pictureAttachment = obj.pictureAttachment
          } else {
            this.personalAuthentication()
          }
        })
      },
      // 保存草稿
      Drafts() {
        let that = this
        if (this.anti_shake) {
          return false
        }
        var status = true
        this.curriculumVitae.id = this.voitureId ? this.voitureId : ''
        this.curriculumVitae.publisherId = that.userInfo.id
        if (that.curriculumVitae.resumeTitle == '') {
          uni.showToast({
            title: '请填写简历标题',
            icon: 'none',
            mask: true,
          })
          status = false
          return false
        }
        this.curriculumVitae.enclosureWord = this.resumeTemplate.enclosureWord
        this.curriculumVitae.enclosurePdf = this.resumeTemplate.enclosurePdf
        this.curriculumVitae.pictureAttachment = this.resumeTemplate.pictureAttachment
        this.curriculumVitae.intendedPosition = this.positionCategorys
        this.curriculumVitae.myPhoto = that.headerImage[0]
        this.curriculumVitae.graduationAcademy = JSON.stringify(that.graduatedList)
        this.curriculumVitae.workExperience = JSON.stringify(that.workExperienceList)
        this.curriculumVitae.salaryExpectation = this.maximumSalary
          ? this.minimumWage + '-' + this.maximumSalary
          : this.minimumWage
        this.curriculumVitae.bonusItem = JSON.stringify(that.bonusItem)
        if (status) {
          this.anti_shake = true
          this.$myRequest
            .post('/api/mobile/personnelOwner/saveDraft', this.curriculumVitae)
            .then((res) => {
              if (res.code == 200) {
                uni.showToast({
                  title: '保存草稿箱成功',
                  icon: 'none',
                  mask: true,
                })
                setTimeout(() => {
                  this.anti_shake = false
                }, 500)
                setTimeout(() => {
                  uni.redirectTo({
                    url: '/pages_my/myIssue',
                  })
                }, 1000)
              }
            })
        }
      },
      release() {
        let that = this
        if (this.anti_shake) {
          return false
        }
        var status = true
        this.curriculumVitae.id = this.voitureId ? this.voitureId : ''
        this.curriculumVitae.publisherId = that.userInfo.id
        if (!this.checked) {
          // uni.showToast({
          // 	title: "请同意协议",
          // 	icon: "none",
          // 	mask: true,
          // });
          this.show2 = true
          status = false
          return false
        }
        if (that.curriculumVitae.resumeTitle == '') {
          uni.showToast({
            title: '请填写简历标题',
            icon: 'none',
            mask: true,
          })
          status = false
          return false
        }
        if (!that.headerImage.length) {
          uni.showToast({
            title: '请上传本人照片',
            icon: 'none',
            mask: true,
          })
          status = false
          return false
        }
        this.curriculumVitae.myPhoto = that.headerImage[0]
        if (that.curriculumVitae.realName == '') {
          uni.showToast({
            title: '请填写真实姓名',
            icon: 'none',
            mask: true,
          })
          status = false
          return false
        }
        if (that.curriculumVitae.sexualDistinction == '') {
          uni.showToast({
            title: '请选择性别',
            icon: 'none',
            mask: true,
          })
          status = false
          return false
        }
        if (that.curriculumVitae.dateBirth == '') {
          uni.showToast({
            title: '请选择出生年月日',
            icon: 'none',
            mask: true,
          })
          status = false
          return false
        }
        if (that.curriculumVitae.workingTime == '') {
          uni.showToast({
            title: '请选择参加工作时间',
            icon: 'none',
            mask: true,
          })
          status = false
          return false
        }
        if (that.curriculumVitae.highestEducation == '') {
          uni.showToast({
            title: '请选择最高学历',
            icon: 'none',
            mask: true,
          })
          status = false
          return false
        }
        if (that.positionCategorys == '') {
          uni.showToast({
            title: '请选择意向职位',
            icon: 'none',
            mask: true,
          })
          status = false
          return false
        }
        this.curriculumVitae.intendedPosition = this.positionCategorys
        if (this.minimumWage == '') {
          uni.showToast({
            title: '请填写最低薪资',
            icon: 'none',
            mask: true,
          })
          status = false
          return false
        } else {
          if (this.maximumSalary != '' && Number(this.minimumWage) > Number(this.maximumSalary)) {
            uni.showToast({
              title: '最低薪资不能大于最高薪资',
              icon: 'none',
              mask: true,
            })
            status = false
            return false
          }
        }
        if (!that.graduatedList.length) {
          uni.showToast({
            title: '毕业院校不能为空',
            icon: 'none',
            mask: true,
          })
          status = false
          return false
        }
        this.curriculumVitae.enclosureWord = this.resumeTemplate.enclosureWord
        this.curriculumVitae.enclosurePdf = this.resumeTemplate.enclosurePdf
        this.curriculumVitae.pictureAttachment = this.resumeTemplate.pictureAttachment
        this.curriculumVitae.graduationAcademy = JSON.stringify(that.graduatedList)
        this.curriculumVitae.workExperience = JSON.stringify(that.workExperienceList)
        this.curriculumVitae.salaryExpectation = this.maximumSalary
          ? this.minimumWage + '-' + this.maximumSalary
          : this.minimumWage
        this.curriculumVitae.bonusItem = JSON.stringify(that.bonusItem)
        console.log(this.curriculumVitae.personalAdvantages, '5-5-5-')
        !this.curriculumVitae.personalAdvantages && (this.curriculumVitae.personalAdvantages = '')
        !this.curriculumVitae.homeAddress && (this.curriculumVitae.homeAddress = '')
        if (status) {
          this.anti_shake = true
          this.$myRequest
            .post('/api/mobile/personnelOwner/publishOrEditResume', this.curriculumVitae)
            .then((res) => {
              if (res.code == 200) {
                this.$refs.binds.open()
                setTimeout(() => {
                  this.anti_shake = false
                }, 500)
              }
            })
        }
      },
      preview() {
        let that = this
        this.curriculumVitae.id = this.voitureId ? this.voitureId : ''
        this.curriculumVitae.publisherId = that.userInfo.id
        if (!this.checked) {
          uni.showToast({
            title: '请同意协议',
            icon: 'none',
            mask: true,
          })
          status = false
          return false
        }
        if (that.curriculumVitae.resumeTitle == '') {
          uni.showToast({
            title: '请填写简历标题',
            icon: 'none',
            mask: true,
          })
          status = false
          return false
        }
        if (!that.headerImage.length) {
          uni.showToast({
            title: '请上传本人照片',
            icon: 'none',
            mask: true,
          })
          status = false
          return false
        }
        this.curriculumVitae.myPhoto = that.headerImage[0]
        if (that.curriculumVitae.realName == '') {
          uni.showToast({
            title: '请填写真实姓名',
            icon: 'none',
            mask: true,
          })
          status = false
          return false
        }
        if (that.curriculumVitae.sexualDistinction == '') {
          uni.showToast({
            title: '请选择性别',
            icon: 'none',
            mask: true,
          })
          status = false
          return false
        }
        if (that.curriculumVitae.dateBirth == '') {
          uni.showToast({
            title: '请选择出生年月日',
            icon: 'none',
            mask: true,
          })
          status = false
          return false
        }
        if (that.curriculumVitae.workingTime == '') {
          uni.showToast({
            title: '请选择参加工作时间',
            icon: 'none',
            mask: true,
          })
          status = false
          return false
        }
        if (that.curriculumVitae.highestEducation == '') {
          uni.showToast({
            title: '请选择最高学历',
            icon: 'none',
            mask: true,
          })
          status = false
          return false
        }
        if (that.positionCategorys == '') {
          uni.showToast({
            title: '请选择意向职位',
            icon: 'none',
            mask: true,
          })
          status = false
          return false
        }
        this.curriculumVitae.intendedPosition = this.positionCategorys
        if (this.minimumWage == '') {
          uni.showToast({
            title: '请填写最低薪资',
            icon: 'none',
            mask: true,
          })
          status = false
          return false
        } else {
          if (this.maximumSalary != '' && Number(this.minimumWage) > Number(this.maximumSalary)) {
            uni.showToast({
              title: '最低薪资不能大于最高薪资',
              icon: 'none',
              mask: true,
            })
            status = false
            return false
          }
        }
        if (!that.graduatedList.length) {
          uni.showToast({
            title: '毕业院校不能为空',
            icon: 'none',
            mask: true,
          })
          status = false
          return false
        }
        let year = this.distanceOpenTime(this.curriculumVitae.workingTime)
        this.curriculumVitae.experienceYears = year
        this.curriculumVitae.graduationAcademy = that.graduatedList
        this.curriculumVitae.workExperience = that.workExperienceList
        this.curriculumVitae.salaryExpectation = this.maximumSalary
          ? this.minimumWage + '-' + this.maximumSalary
          : this.minimumWage
        this.curriculumVitae.bonusItem = that.bonusItem
        uni.setStorageSync('JLMB_key', this.curriculumVitae)
        uni.navigateTo({
          url: '/pages_recruitMoney/recruitmentDetails/resumeDetails?indextd=3',
        })
      },
      distanceOpenTime(showTime) {
        let timer = showTime

        const currentTime = new Date()
        const targetTime = new Date(showTime)

        // 计算时间差（以毫秒为单位）
        const timeDiff = targetTime.getTime() - currentTime.getTime()

        // 将时间差转换为小时、分钟和秒数
        const years = Math.abs(Math.floor(timeDiff / (1000 * 365 * 60 * 60 * 24)))

        let ret = years + '年'

        return ret
      },

      async getLocation() {
        let that = this
        // #ifdef APP-PLUS
        let isAndroid = false
        const res = uni.getSystemInfoSync()
        if (res.platform == 'android') {
          isAndroid = true
        } else {
          isAndroid = false
        }

        if (isAndroid) {
          that.authorizationApp(
            'locationState',
            'android.permission.ACCESS_FINE_LOCATION',
            '您已关闭位置权限或获取位置信息失败',
            that.getLocation1()
          )
        } else {
          that.getLocation1()
        }
        //  #endif
        // #ifndef APP-PLUS
        that.getLocation1()
        //  #endif
      },
      getType() {
        let that = this
        this.$myRequest
          .get('/api/mobile/personnelOwner/queryDataDictionaryList', {
            type: '3',
          })
          .then((res) => {
            let type = []
            res.dataDictionaryList.forEach((el) => {
              if (el.type == 3) {
                type.push(el.valueName)
              }
            })
            this.type3.push(type)
            this.type3.push([])
            res.dataDictionaryList.forEach((v) => {
              if (v.valueNum <= 4) {
                this.type3_key.push([])
              } else {
                this.type3_key.push(['统招', '非统招'])
              }
            })
          })
      },
      getLocation1() {
        let _this = this
        uni.getLocation({
          type: 'gcj02',
          highAccuracyExpireTime: '3000',
          success(res) {
            _this.curriculumVitae.latitude = res.latitude
            _this.curriculumVitae.longitude = res.longitude
            _this.openMap()
          },
          fail:(res) => {
            console.log(res, '经纬度没有授权');
            this.$SHOWMODAL_TO_SETTINGS();
            uni.setStorageSync('locationState', 0)
            if (uni.getStorageSync('locationState') == 0) {
              // uni.showModal({
              //   title: '提示',
              //   content: '您已关闭位置权限或获取位置信息失败',
              //   success: function (res) {
              //     if (res.confirm) {
              //       // plus.runtime.openURL("app-settings:");
              //       if (plus.os.name === 'iOS') {
              //         plus.runtime.openURL('app-settings://')
              //       } else {
              //         var Intent = plus.android.importClass('android.content.Intent')
              //         var Settings = plus.android.importClass('android.provider.Settings')
              //         var Uri = plus.android.importClass('android.net.Uri')
              //         var mainActivity = plus.android.runtimeMainActivity()
              //         var intent = new Intent()
              //         intent.setAction(Settings.ACTION_APPLICATION_DETAILS_SETTINGS)
              //         var uri = Uri.fromParts('package', mainActivity.getPackageName(), null)
              //         intent.setData(uri)
              //         mainActivity.startActivity(intent)
              //       }
              //     } else if (res.cancel) {
              //       console.log('用户点击取消')
              //     }
              //   },
              // })
              return false
            }
          },
        })
      },
      openMap() {
        let that = this
        if (that.curriculumVitae.latitude == '') {
          this.getLocation()
        }
        if (that.curriculumVitae.latitude == '') {
          return false
        }
        uni.chooseLocation({
          latitude: that.curriculumVitae.latitude,
          longitude: that.curriculumVitae.longitude,
          success: function (res) {
            that.curriculumVitae.homeAddress = res.address
            that.curriculumVitae.latitude = res.latitude
            that.curriculumVitae.longitude = res.longitude
          },
        })
      },
      fanhui() {
        uni.navigateBack({
          delta: 1,
        })
      },
      jinzhi() {
        let _this = this
        let param = window.location.href.split('#')[0]
        uni.request({
          method: 'post',
          data: {
            url: param,
          },
          header: {
            'content-type': 'application/x-www-form-urlencoded',
          },
          url: 'https://www.bangbangtongcheng.com/conven//mob/login/getJsTicket.do',
          success(re) {
            _this.jinzhifx(re.data)
          },
        })
      },
      jinzhifx(data) {
        wxshare.config({
          debug: false, //是否打开调试
          appId: data.appId, // 公众号的唯一标识
          timestamp: data.timestamp, // 生成签名的时间戳
          nonceStr: data.nonce, // ，生成签名的随机串
          signature: data.signature, // 签名
          jsApiList: ['hideMenuItems'],
        })
        // 禁止分享
        wxshare.hideMenuItems({
          // 要隐藏的菜单项，只能隐藏“传播类”和“保护类”按钮，所有menu项见附录3
          menuList: [
            'menuItem:share:appMessage',
            'menuItem:share:timeline',
            'menuItem:share:timeline',
            'menuItem:share:qq',
            'menuItem:favorite',
            'menuItem:share:QZone',
            'menuItem:openWithSafari',
          ],
        })
      },
      toUs(type) {
        uni.navigateTo({
          url: '/pages_my/Us?type=' + type,
        })
      },
      xiaoqu() {
        let _this = this
        uni.request({
          url: 'https://apis.map.qq.com/ws/place/v1/suggestion',
          method: 'get',
          data: {
            keyword: this.cellName,
            region: '山东省青岛市平度市',
            region_fix: 1,
            key: 'OB4BZ-D4W3U-B7VVO-4PJWW-6TKDJ-WPB77',
          },
          header: {
            'content-type': 'application/x-www-form-urlencoded',
          },
          success(res) {
            console.log(res)
          },
        })
      },
      // 标题图片裁剪
      ViewImagefm(e) {
        uni.previewImage({
          urls: this.headerImage,
          current: e.currentTarget.dataset.url,
        })
      },
      DelImgfm(e) {
        uni.showModal({
          title: '',
          content: '确定要删除图片？',
          cancelText: '取消',
          confirmText: '确定',
          success: (res) => {
            if (res.confirm) {
              this.headerImage.splice(e.currentTarget.dataset.index, 1)
            }
          },
        })
      },
      async ChooseImages(menthType, type) {
        // #ifdef APP-PLUS
        this.otherChooseImage()
        //  #endif
        // #ifndef APP-PLUS
        if (menthType == 4) {
          this.otherChooseImage()
        }
        //  #endif
      },
      otherChooseImage() {
        // #ifdef MP-WEIXIN
        this.showCroop = true
        this.$refs.croop.fSelect()
        //  #endif
        // #ifndef MP-WEIXIN
        this.$refs.gmyImgCropper.chooseImage()
        //  #endif
      },
      myUpload(rsp) {
        let filePath = ''
        // #ifndef MP-WEIXIN
        filePath = rsp
        // #endif
        // #ifdef MP-WEIXIN
        filePath = rsp.path
        this.showCroop = false
        //  #endif
        var _this = this
        this.headerImage = []
        var uper
        uni.showToast({
          title: '正在上传请稍后',
          icon: 'none',
          duration: 2000,
        })
        _this.videoInfo = {
          progress: 0,
          isShow: true,
        }
        uper = uni.uploadFile({
          // 需要上传的地址
          url: 'https://www.bangbangtongcheng.com/conven/ht/attach/qnUpload',
          // filePath 需要上传的文件
          filePath: filePath,
          name: 'file',
          success(res1) {
            _this.headerImage.push(JSON.parse(res1.data).data[0].url)
            setTimeout(() => {
              _this.videoInfo.isShow = false
            }, 2000)
          },
        })
        // onProgressUpdate 上传对象更新的方法
        uper.onProgressUpdate(function (res) {
          _this.videoInfo.progress = res.progress
        })
      },
    },
  }
</script>
<style lang="less" scoped>
  .salary {
    flex: 1;
    display: flex;
    align-items: center;
    padding-right: 40rpx;

    .salary_input {
      width: 150rpx;
      height: 60rpx;
      padding: 10rpx;
      border-radius: 8rpx;
      border: 1px solid #999999;
    }

    .salary_span {
      font-size: 34rpx;
      font-weight: normal;
      color: #333333;
      margin: 0 14rpx;
    }
  }

  .background {
    background-color: #fff;
  }

  .image_yjt {
    width: 48rpx;
    height: 48rpx;
  }

  .kjRadio {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    background-color: #fff;
    padding: 0 40rpx;

    .radio {
      display: flex;
      align-items: center;
      margin-right: 40rpx;
      margin-bottom: 20rpx;

      .radio_item {
        width: 36rpx;
        height: 36rpx;
        border: 1px solid #c9c9c9;
        border-radius: 36rpx;
        margin-right: 14rpx;
      }

      span {
        font-size: 34rpx;
        font-weight: normal;
        color: #333333;
      }

      .radioxz {
        border: 1px solid #64b6a8;
        position: relative;
      }

      .radioxz::before {
        content: '';
        width: 24rpx;
        height: 24rpx;
        border-radius: 24rpx;
        background-color: #64b6a8;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
      }
    }
  }

  .preview {
    margin: 30rpx auto;
    width: 400rpx;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 34rpx;
    height: 80rpx;
    border-radius: 100rpx;
    background: #64b6a8;
  }

  .xbRadio {
    flex: 1;
    display: flex;
    align-items: center;

    .radio {
      width: 130rpx;
      display: flex;
      align-items: center;

      .radio_item {
        width: 36rpx;
        height: 36rpx;
        border: 1px solid #c9c9c9;
        border-radius: 36rpx;
        margin-right: 14rpx;
      }

      span {
        font-size: 28rpx;
        font-weight: 500;
        color: #333333;
      }

      .radioxz {
        border: 1px solid #64b6a8;
        position: relative;
      }

      .radioxz::before {
        content: '';
        width: 24rpx;
        height: 24rpx;
        border-radius: 24rpx;
        background-color: #64b6a8;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
      }
    }

    .xzsj {
      flex: 1;
      display: flex;
      align-items: center;

      uni-picker {
        width: unset;
        border: 1px solid #999999;
        height: 60rpx;
        border-radius: 8rpx;
      }
    }
  }

  .resumePhoto {
    background-color: #ffffff;
    display: flex;
    min-height: 50px;
    align-items: unset;
    justify-content: unset;
    padding: 24rpx 30rpx;

    .scphoto {
      display: flex;
      align-items: flex-end;

      .span {
        font-size: 24rpx;
        font-weight: normal;
        color: #999999;
        margin-left: 12rpx;
      }

      .uploadPhotos {
        height: 152rpx;
        width: 152rpx;

        .Photos {
          height: 152rpx;
          width: 152rpx;
          position: relative;

          .image {
            width: 100%;
            height: 100%;
          }

          ::v-deep .solids {
            width: 100%;
            height: 100%;
            margin: 0;
          }

          ::v-deep .grid.grid-square {
            height: 100%;

            .bg-img {
              width: 100%;
              height: 100%;
            }
          }

          .colse {
            position: absolute;
            top: 0;
            right: 0;
            background-color: #f0f0f0;
            border-radius: 0 8rpx 0 8rpx;
          }

          .Photos_close {
            border-bottom-left-radius: 6rpx;
            padding: 6rpx 12rpx;
            height: auto;
            background-color: rgba(0, 0, 0, 0.5);
            color: #fff;
            position: absolute;
            top: 0;
            right: 0;
          }

          .cCircle {
            // background: rgba(0,0,0,0.5);
            width: 120rpx;
            height: 120rpx;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
          }

          .maskimg {
            background: rgba(0, 0, 0, 0.5);
            width: 100%;
            height: 100%;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
          }

          .hide1 {
            animation: change 3s;
          }

          @keyframes change {
            0% {
              opacity: 1;
            }

            100% {
              opacity: 0;
            }
          }
        }

        .zhaop {
          width: 152rpx;
          height: 152rpx;
          background-color: #ffffff;
          border-radius: 8rpx;
          border: 1px solid #e0e0e0;
          display: flex;
          align-items: center;
          justify-content: center;

          .image {
            width: 48rpx;
            height: 48rpx;
          }
        }
      }
    }
  }

  /deep/ .uni-select {
    padding-left: 0;
    padding: 0 8rpx;
    font-size: 24rpx;
    text-align: center;
  }

  .cu-dialog {
    max-width: 100%;
    width: 600rpx;
  }

  .tittit {
    position: fixed;
    top: 0;
    right: 0;
    background-color: #f8f8f8;
    z-index: 9999;
    max-width: 100%;
    width: 600rpx;
    transition-duration: 0.3s;
    transform: translateX(100%);
    text-align: center;
    line-height: 80rpx;
    font-size: 30rpx;
    border-bottom: 2rpx solid #cccccc;

    view {
      position: absolute;
      top: 0rpx;
      left: 20rpx;
      color: #999999;
      font-size: 54rpx;
      font-weight: 100;
    }
  }

  .show .tittit {
    transform: translateX(0%);
  }

  .list-cell {
    display: flex;
    box-sizing: border-box;
    width: 100%;
    padding: 10px 24rpx;
    overflow: hidden;
    color: #323233;
    font-size: 14px;
    line-height: 24px;
    background-color: #fff;
    justify-content: space-between;
    align-items: center;

    .list-cell-left {
      display: flex;
      align-items: center;

      .list-cell-left-image {
        width: 60rpx;
        height: 60rpx;
        margin-right: 17rpx;
      }
    }

    .list-cell-right {
      width: 40rpx;
      height: 40rpx;
    }
  }

  .buxian {
    height: 80rpx;
    display: flex;
    align-items: center;
    padding-left: 20rpx;
  }

  .vehicleBrand {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100rpx;

    .vehicleBrand_image {
      width: 100rpx;
      height: 80rpx;
    }

    .vehicleBrand_span {
      font-size: 40rpx;
      font-weight: 400;
      color: #333333;
      margin-left: 5rpx;
    }
  }

  .vehicleBrand-xzcx {
    width: 100%;
    height: 50rpx;
    background-color: #f2f2f2;
    line-height: 50rpx;
    font-size: 32rpx;
    font-weight: 600;
    color: #333333;
    padding-left: 40rpx;
  }

  .vehicleBrand_item {
    display: flex;
    align-items: center;
    margin-bottom: 40rpx;

    .vehicleBrand_item_image {
      width: 142rpx;
      height: 75rpx;
      border-radius: 12rpx;
      margin-left: 50rpx;
    }

    .vehicleBrand_item_span {
      font-size: 30rpx;
      font-weight: 500;
      color: #6f6f6f;
      margin-left: 30rpx;
    }
  }

  /deep/ uni-checkbox:not([disabled]) .uni-checkbox-input:hover {
    border-color: #aaa;
  }

  /deep/uni-checkbox .uni-checkbox-input {
    background-color: rgba(0, 0, 0, 0);
    border: 2rpx solid #999;
  }

  /deep/ uni-checkbox-group uni-label {
    margin-bottom: 0;
  }

  /deep/uni-checkbox .wx-checkbox-input,
  /deep/uni-checkbox .uni-checkbox-input {
    width: 38rpx;
    height: 38rpx;
    text-align: center;
  }

  /deep/.uni-checkbox-input-checked {
    background-color: #64b6a8 !important;
    border: 2rpx solid #64b6a8 !important;
  }

  /deep/ uni-checkbox::before {
    font-size: 30rpx;
    margin-top: -16rpx;
    right: 6rpx !important;
  }

  .cutTop {
    height: 110rpx;
    background-color: #fff;
    display: flex;
    align-items: center;
  }

  .tijiao .btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 40rpx;
    margin-top: 25rpx;

    .releaseBtn {
      width: 297rpx;
      height: 80rpx;
      background-color: #64b6a8;
      border-radius: 49rpx;
      font-size: 34rpx;
      font-weight: 400;
      color: #ffffff;
      text-align: center;
      line-height: 80rpx;
    }

    .draftBtn {
      width: 297rpx;
      height: 80rpx;
      border-radius: 49rpx;
      border: 1px solid #64b6a8;
      text-align: center;
      line-height: 80rpx;
      font-size: 34rpx;
      font-weight: 400;
      color: #64b6a8;
    }
  }

  .head {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px;
    background-color: #64b6a8;
    z-index: 1000;

    .fanhui {
      width: 40rpx;
      height: 40rpx;
      position: absolute;
      left: 30rpx;
      bottom: 26rpx;
    }

    .centers {
      font-size: 36rpx;
      font-weight: 400;
      color: #ffffff;
      text-align: center;
    }

    .head_right {
      font-size: 30rpx;
      font-weight: 400;
      color: #ffffff;
    }
  }

  .view {
    position: relative;
    font-size: 32rpx;
    border: 0;
    color: #333333;
    margin-right: 0;

    image {
      position: absolute;
      width: 44rpx;
      height: 24rpx;
      top: 66rpx;
      left: 50%;
      transform: translateX(-50%);
    }
  }

  .cur {
    color: #64b6a8;
    border: 0;
    transform: scale(1.1);
  }

  .box {
    padding-bottom: 160rpx;
    background-color: #fff;
  }

  .tijiao {
    position: fixed;
    width: 100%;
    bottom: 0rpx;
    padding-bottom: 40rpx;
    background-color: #fff;
    z-index: 99;

    .flex {
      display: flex;
      justify-content: center;
      align-items: center;
    }

    checkbox {
      vertical-align: top;
      margin-right: 6rpx;
      margin-left: 40rpx;
    }

    span {
      font-size: 26rpx;
    }
  }

  .jieshao {
    background-color: #fff;

    .kuang {
      position: relative;
      width: 670rpx;
      min-height: 80rpx;
      margin-left: 40rpx;
      padding-bottom: 40rpx;
      background-color: #fff;
      border: 1px solid #c9c9c9;

      textarea {
        width: 620rpx;
        margin-left: 24rpx;
        margin-top: 14rpx;
        line-height: 50rpx;
        letter-spacing: 2rpx;
      }

      p {
        position: absolute;
        bottom: 20rpx;
        right: 20rpx;
        color: #999999;
      }
    }
  }

  .cu-form-group {
    position: relative;
  }

  uni-checkbox-group {
    width: 72% !important;
  }

  .cu-form-group picker .picker {
    text-align: left;
  }

  .cu-form-group .title {
    font-weight: 600;
    font-size: 34rpx;
  }

  .radio {
    font-size: 34rpx;
    margin-right: 40rpx;

    radio {
      margin-right: 10rpx;
    }
  }

  .grid.col-4.grid-square > uni-view {
    width: 212rpx;
    height: 212rpx;
  }

  .grid.col-4.grid-square > uni-view:nth-child(3n) {
    margin-right: 0;
  }

  .cu-form-group uni-picker .picker {
    font-size: 34rpx;
  }

  .picker1 {
    position: relative;
    text-align: left;
    width: 576rpx;
    padding-right: 60rpx;
    height: 100rpx;
    line-height: 100rpx;
    color: #666;
  }

  .picker1::after {
    font-family: cuIcon;
    display: block;
    content: '\e6a3';
    position: absolute;
    font-size: 34rpx;
    color: #8799a3;
    line-height: 100rpx;
    width: 60rpx;
    text-align: center;
    top: 0;
    bottom: 0;
    right: -20rpx;
    margin: auto;
    margin-top: auto;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: auto;
  }

  /deep/uni-radio .wx-radio-input,
  /deep/uni-radio .uni-radio-input {
    width: 46rpx;
    height: 46rpx;
  }

  /deep/.uni-radio-input-checked {
    background-color: #64b6a8 !important;
    border-color: #64b6a8 !important;
  }

  .textarea {
    min-height: 200rpx;
  }

  .scroll-view {
    padding-bottom: 100rpx;
    /* #ifdef MP  */
    height: calc(100vh - 96rpx - var(--status-bar-height) - 88rpx - 5px - 96rpx);
    /* #endif */
    /* #ifdef H5 || APP-PULS */
    height: calc(100vh - 96rpx - var(--status-bar-height) - 88rpx - 5px - 96rpx);
    /* #endif */
    /* #ifdef APP */
    height: calc(100vh - 96rpx - var(--status-bar-height) - 88rpx - 5px - 96rpx);
    /* #endif */
  }

  .uni-progress {
    margin-bottom: 2px;
  }

  /deep/.uni-progress-inner-bar {
    background-color: rgb(100 182 168) !important;
    border-radius: 25px;
  }

  .binds_frame {
    width: 600rpx;
    background-color: #ffffff;
    border-radius: 10rpx;
    text-align: center;

    .binds_frame_t {
      font-size: 30rpx;
      font-weight: 550;
      color: #000000;
      padding: 0 46rpx;
      padding-top: 36rpx;
    }

    .binds_frame_c {
      width: 500rpx;
      margin: 0 auto;
      font-size: 28rpx;
      font-weight: 400;
      color: #64b6a8;
      margin-top: 30rpx;
      margin-bottom: 50rpx;
    }

    .binds_frame_b {
      display: flex;
      align-items: center;
      justify-content: space-around;
      height: 100rpx;
      background-color: #64b6a8;
      color: #fff;
    }
  }

  .bindFL_frame {
    background-color: #ffffff;
    padding: 30rpx 40rpx 60rpx 40rpx;

    .title {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 34rpx;

      .title_center {
        font-size: 34rpx;
        font-weight: 600;
        color: #000000;
      }

      .title_right {
        font-size: 36rpx;
        font-weight: normal;
        color: #64b6a8;
      }
    }

    .center {
      display: flex;
      align-items: center;
      flex-wrap: wrap;

      .center_item {
        width: 33%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 20rpx;

        .yyds {
          width: 170rpx;
          height: 62rpx;
          border-radius: 8rpx;
          border: 1px solid #999999;
          font-size: 30rpx;
          font-weight: 400;
          color: #999999;
          display: flex;
          align-items: center;
          justify-content: center;
        }

        .yyds_active {
          border: 1px solid #64b6a8;
          color: #64b6a8;
        }

        .custom {
          width: 170rpx;
          height: 62rpx;
          border-radius: 8rpx;
          font-size: 30rpx;
          font-weight: 400;
          color: #999999;
          display: flex;
          align-items: center;
          justify-content: center;
        }
      }
    }
  }

  .bindAddFL_frame {
    background-color: #ffffff;
    width: 600rpx;
    height: 250rpx;
    border-radius: 10rpx;
    padding: 28rpx 32rpx 10rpx 32rpx;

    .title {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 34rpx;

      .title_center {
        font-size: 30rpx;
        font-weight: 400;
        color: #000000;
      }

      .title_right {
        width: 32rpx;
        height: 32rpx;

        .image {
          width: 100%;
          height: 100%;
        }
      }
    }

    .center {
      width: 540rpx;
      height: 60rpx;
      border-radius: 8rpx;
      border: 1px solid #999999;
      position: relative;

      .inputs {
        width: 100%;
        height: 100%;
        padding: 4rpx 10rpx;
      }

      .inputs_zis {
        position: absolute;
        right: 10rpx;
        top: 50%;
        transform: translateY(-50%);
      }
    }

    .bottoms {
      width: 100%;
      height: 80rpx;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 32rpx;
      font-weight: 400;
      color: #333333;
    }
  }

  .cu-form-group-title {
    .title {
      line-height: 100rpx;
    }

    align-items: flex-start;
  }

  .cu-form-group .textarea1 {
    line-height: 42rpx;
    width: 100%;
    height: auto;
    font-size: 30rpx;
    padding-right: 80rpx;
    margin-top: 26rpx;
  }

  .motaikuang {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    z-index: 1000;

    .verify {
      position: fixed;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
    }
  }

  .motaikuang2 {
    .tips {
      position: fixed;
      bottom: 0;
      width: 100%;
      background: #fff;
      left: 0;
      padding: 40rpx 30rpx 100rpx;
      border-radius: 50rpx 50rpx 0 0;
      box-sizing: border-box;

      .text {
        margin-bottom: 48rpx;
      }

      .btns {
        display: flex;

        .btn {
          height: 90rpx;
          width: 50%;

          &:first-child {
            background: #f2f2f2;
            border-radius: 10rpx 0rpx 0rpx 10rpx;
          }

          &:last-child {
            background: #64b6a8;
            color: #fff;
            border-radius: 0rpx 10rpx 10rpx 0rpx;
          }
        }
      }
    }

    .tags {
      color: #64b6a8;
      display: inline-block;
    }
  }
</style>
